<template>
    <p>{{ userAccountInfo }}</p>
    <input type="text" v-model="userAccountInfo.account"><label for="">账号</label>
    <input type="password" v-model="userAccountInfo.password"><label for="">密码</label>
    <button @click="userAccountInfo.account='',userAccountInfo.password=''">重置</button>

    <p>{{ userChoose }}</p>
    <select name="" id="" v-model="userChoose">
        <option value="1">主机</option>
        <option value="2">显示器</option>
        <option value="3">鼠标</option>
        <option value="4">键盘</option>
    </select>
    <button @click="userChoose='2'">选择显示器</button>
</template>

<script setup>
import { ref } from 'vue';

const userAccountInfo =  ref({
    account:'',
    password:''
})
const userChoose = ref(1);
</script>

<style scoped>

</style>